<div class="">
    <div class="row meal_details">
        <div class="col-lg-3 col-md-3 ">
            <img class="img-responsive" src="views/images/lunch.jpg" />
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="">
                <div class="meal_details_title"><h2>{{meal.mealName}}</h2></div>
                <div class="chef_meal_info clearfix ">
                    <ul class="mealtype clearfix">
                        <li><span class="{{meal.mealType}}"></span>{{meal.mealType}}</li>
                        <li><span ng-class="{true:'special', false:'nospecial'}[meal.chefSpecial]"></span>Chef’s Special</li>
                        <li>23 Recommendations</li>
                    </ul>
                </div>
                <div class="title_description">
                    <h3>Description</h3>
                    <p>{{meal.description}}</p>
                </div>
                <div class="title_description">
                    <h3>Contents</h3>
                    <p>{{meal.mealItems}}</p>
                </div>
                <div class="clearfix" >
                    <div class="title_description pull-left" ng-hide="isReviewMode===true">
                        <h3>Quantity {{ select.selectQuantityValue }}</h3>    
                        <select ng-model="select.selectQuantityValue">
                            <option value="{{number}}" ng-repeat="number in quantityArr">{{number}}</option>
                        </select>
                        
                    </div>
                    <div class="title_description priceperdabba pull-left">
                        <h3>Price Per Dabba</h3>
                        <p>Rs. {{meal.price}}</p>
                    </div>
                    <div class="title_description priceperdabba pull-left" ng-hide="isReviewMode===true">
                        <h3>Total Price Paid</h3>
                        <p>Rs. {{select.selectQuantityValue * meal.price}}</p>
                    </div>
                </div>
                <button ng-hide="isReviewMode===true" class="btn btn-primary " ng-click="addToCart(meal.mealId, select.selectQuantityValue)"><span class="service_icon"></span>Add To Cart</button>
            </div>
        </div>
        <div class="col-lg-3 col-md-3">
            <div class="chef_info ">
                <!--<h3>Kuljeet</h3>-->
                <div><strong>{{meal.chefName}}</strong></div>
                <div>{{meal.chefAddress}}</div> 
                <div>{{meal.noofreviews}} Reviews</div>
                <div><strong>{{meal.rating | number:2}}</strong> / 5 Ratings</div>
            </div>
        </div>
    </div>
</div>







